{template header.html}
      <div class="bg_head"></div>
    </div>
	<?php if ($banner) { $key=0; foreach ($banner as $v) { ?>
	{if $key==3}
	<div class="banner2_bg">
		<div class="banner2">
			<img src="{dr_get_file($v[2])}" width="100%" data-title="banner">
		</div>
		<div class="banner2_3g">
			<img src="{dr_get_file($v[3])}" width="100%" data-title="banner">
		</div>
	</div>
	{/if}
	<?php  $key++; } } ?>

    <script>
      $('.nav_list li').mouseenter(function () {
        var size = $(this).find('.nav_two dd').length;
        $(this).addClass('menu_on')
        $(this).find('.nav_two').show();
        if (size > 0) {
          $('.bg_head').show();
        }

      })
      $('.nav_list li').mouseleave(function () {
        $('.bg_head').hide()
        $(this).removeClass('menu_on')
        $(this).find('.nav_two').hide();
      })
    </script>
    <script>
      $(document).ready(function () {
        $(".dh").click(function () {
          var menu_num = $(".dh").attr("num");
          if (menu_num == '1') {
            $(".navlist ul").css({
              "right": "-100%"
            });
            $('.dh').addClass('dh_rotate')
            $(".dh").attr("num", 0);
          } else {
            if ($(document.body).width() > 1400) {
              $(".navlist ul").css({
                "right": "0px"
              });
            } else {
              $(".navlist ul").css({
                "right": "0px"
              });
            };
            $('.dh').removeClass('dh_rotate')
            $(".dh").attr("num", 1);
          };
        });
      });
    </script>


    <div class="nail clearfix">
      <div class="main2">
        <div class="type left clearfix type_pc">
			{category module=share pid=3}
			<li class="{if $t.id==$catid}active {/if}mx fadeInRight" data-wow-delay="0s">
				<a href="{$t.url}">{usu_fanyi($t.name, $language)}</a>
			</li>
			{/category}
        </div>
        <div class="find_nav">
          <div class="find_nav_left">
            <div class="find_nav_list" id="pagenavi1">
              <ul>

                <li class="mx fadeInRight find_nav_cur"><a href="#a1">公司简介</a></li>
                <li class="mx fadeInRight" data-wow-delay="0.1s"><a href="index-about_21_2.html">企业文化 </a></li>
                <!-- <li class="mx fadeInRight" data-wow-delay="0.2s"><a href="index.php?p=products_list&lanmu=3&c_id=8" >科学顾问</a></li> -->
                <li class="mx fadeInRight" data-wow-delay="0.3s"><a href="index-about_15.html">发展历程</a></li>

                <li class="mx fadeInRight" data-wow-delay="0.4s"><a href="#a2">资质荣誉</a></li>
                <li class="mx fadeInRight" data-wow-delay="0.5s"><a href="#a3">公司环境</a></li>

              </ul>
            </div>
          </div>
        </div>
        <div class="pos right mx fadeInLeft">
          <a href="index.html">首页</a>&nbsp;→&nbsp;关于我们&nbsp;→&nbsp;<span>公司简介</span>
        </div>
      </div>
    </div>
    <div class="about1" id="a1">
      <div class="main2">
        <div class="lanmu " aos="zoom-in">公司简介<i></i></div>
        <div class="about1_nr" aos="fade-up">
          <p style="text-indent:2em;">
            <span
              style="font-size:16px;line-height:2;">帝仪科技成立于2012年，由海外归国的神经生物学家联合国内资深的研发管理团队共同创建，是一家专注于智能硬件、生物信息和人工智能交叉领域的高科技公司。公司现有员工80余人，研发人员占比80%以上，具备专业的生物医学研究团队、智能终端研发团队和系统业务研发团队。同时，聘请了中国科学院、北京大学、浙江大学等科研机构的有名科学家为专家顾问。</span>
          </p>
          <p style="text-indent:2em;">
            <span
              style="font-size:16px;line-height:2;">公司依托于自主研发的智能终端、核心算法和数据平台，利用物联网和人工智能技术，为不同行业及人群提供智能化的健康监护解决方案。该方案通过便携式设备实时采集人体的脑电、心电、血氧、血压和呼吸等生理数据，应用生物识别算法准确判断人的生理、心理和病理等状态，针对不同行业实现系统化的生理监测和健康监护。公司拥有完整的技术体系和自主知识产权，相关技术和产品已经在生产、医疗健康、脑机接口和智慧养老等众多领域推广应用，并产生了很好的社会效益和经济效益。</span>
          </p>
          <p style="text-indent:2em;">
            <br>
          </p>
          <p align="center">
            <img src="{HOME_THEME_PATH}picture/20200911163403_68134.jpg" alt="">
          </p>
        </div>
      </div>
    </div>
    <div class="about2" id="a2">
      <div class="lanmu" aos="zoom-in">资质荣誉<i></i></div>
      <div class="about2_list main2 about_list">
        <div class="swiper-container " aos="fade-right">
          <div class="swiper-wrapper" id="lightgallery">

            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173715_93622.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173715_93622.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明2016104171855</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173715_18725.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173715_18725.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明2015104274518</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173714_88002.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173714_88002.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明2013102627268转让</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173714_51624.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173714_51624.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明2013102360011转让</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173714_68101.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173714_68101.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明2013100336060转让</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173714_93268.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173714_93268.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">发明201310033894X</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173603_53871.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173603_53871.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">实用新型2018217716243一种用于疲劳驾驶预警的脑电帽-1</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173603_15081.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173603_15081.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">实用新型2018217716243一种用于疲劳驾驶预警的脑电帽-2</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173603_96737.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173603_96737.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">实用新型2015205282150</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173506_59084.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173506_59084.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">外观2016305643854</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173506_48095.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173506_48095.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">外观2016305641204</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173506_55464.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173506_55464.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">外观201630564391X</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173506_63569.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173506_63569.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">外观201630564384X</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173306_31011.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173306_31011.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">信息******管理体系认证证书-1</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173306_58831.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173306_58831.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">信息******管理体系认证证书-2</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173305_94210.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173305_94210.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">ISO9001质量管理体系认证证书-1</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173306_82193.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173306_82193.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">ISO9001质量管理体系认证证书-2</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173117_45392.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173117_45392.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">20171027帝仪仝安前端数据接入系统应用软件</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173115_91872.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173115_91872.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">20171026帝仪仝安智能手表软件</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173115_67722.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173115_67722.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">20171026帝仪仝安设备管理系统应用软件</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173114_22642.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173114_22642.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">20171026帝仪仝安健康状况实时监测和预警系统应用软件</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173114_37800.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173114_37800.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">20171026帝仪仝安车载控制终端软件</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173114_87313.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173114_87313.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">2018SR939322帝仪智能叫班管理系统8</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126173113_88167.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126173113_88167.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">2018SR939254帝仪智能间休自助办理终端8</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201126/20201126172840_82331.jpg">
              <div class="about2_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201126172840_82331.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about2_tit">2018SR939175帝仪间休管理端系统8</div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="about3" id="a3">
      <div class="lanmu " aos="zoom-in">公司环境<i></i></div>
      <div class="about3_list main2 about_list">
        <div class="swiper-container" aos="zoom-out-up">
          <div class="swiper-wrapper" id="lightgallery2">

            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093808_77793.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093808_77793.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093808_84338.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093808_84338.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093808_28910.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093808_28910.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093808_95682.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093808_95682.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093808_42560.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093808_42560.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_89227.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_89227.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_69878.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_69878.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_79389.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_79389.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_36683.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_36683.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_44019.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_44019.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093807_45982.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093807_45982.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093806_36905.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093806_36905.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201117/20201117093806_40473.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201117093806_40473.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司环境</div>
            </div>
            <div class="swiper-slide" data-src="uploadfile/image/20201020/20201020173151_28413.jpg">
              <div class="about3_pic about_pic">
                <img src="{HOME_THEME_PATH}picture/20201020173151_28413.jpg" alt="">
                <div class="a_bg"></div>
                <div class="line line_1"></div>
                <div class="line line_2"></div>
              </div>
              <div class="about3_tit">公司外景</div>
            </div>

          </div>
        </div>
      </div>
    </div>
    {footer.html}
    <script type="text/javascript" src="{HOME_THEME_PATH}js/buttonLite.js"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}js/bshareC0.js"></script>
    <script src="{HOME_THEME_PATH}js/aos.js"></script>
    <script>
      AOS.init({
        easing: 'ease-out-back',
        duration: 1000
      });
    </script>
    <script>
      $(".nav").on("click", function () {
        $("body").addClass("open");
      });
      $("#close").on("click", function () {
        $("body").removeClass("open");
      });
    </script>
  </div>
  <script>
    lightGallery(document.getElementById('lightgallery'));
    lightGallery(document.getElementById('lightgallery2'));
  </script>
  <script>
    $(document).ready(function () {
      var swiper = new Swiper('.about2_list .swiper-container', {
        slidesPerView: 6,
        spaceBetween: 35,
        autoplay: {
          delay: 2000,
          stopOnLastSlide: false,
          disableOnInteraction: true,
        },

        breakpoints: {
          1440: {
            slidesPerView: 5,
            spaceBetween: 10,
          },
          1000: {
            slidesPerView: 4,
            spaceBetween: 10,
          },
          640: {
            slidesPerView: 2.5,
            spaceBetween: 5,
          },

        }
      });

      var swiper = new Swiper('.about3_list .swiper-container', {
        slidesPerView: 5,
        spaceBetween: 35,
        autoplay: {
          delay: 2000,
          stopOnLastSlide: false,
          disableOnInteraction: true,
        },

        breakpoints: {
          1440: {
            slidesPerView: 5,
            spaceBetween: 10,
          },
          1000: {
            slidesPerView: 4,
            spaceBetween: 10,
          },
          640: {
            slidesPerView: 2.5,
            spaceBetween: 5,
          },

        }
      });
    });
    $(window).on("load", function () {
      var n1 = $('#a1').offset().top;
      var n2 = $('#a2').offset().top;
      var n3 = $('#a3').offset().top;
      $('.t1').click(function () {
        $('html,body').animate({
          scrollTop: n1
        }, 500);
      })
      $('.t2').click(function () {
        $('html,body').animate({
          scrollTop: n2
        }, 500);
      })
      $('.t3').click(function () {
        $('html,body').animate({
          scrollTop: n3
        }, 500);
      })
    })
  </script>
  <script type="text/javascript" src="{HOME_THEME_PATH}js/touchslider.js"></script>
  <script type="text/javascript">
    $(".find_nav_list").css("left", "5px");
    var fl_w = $(".find_nav_list").width();
    var flb_w = $(".find_nav_left").width();
    $(".find_nav_list").on('touchstart', function (e) {
      var touch1 = e.originalEvent.targetTouches[0];
      x1 = touch1.pageX;
      y1 = touch1.pageY;
      ty_left = parseInt($(this).css("left"));
    });
    $(".find_nav_list").on('touchmove', function (e) {
      var touch2 = e.originalEvent.targetTouches[0];
      var x2 = touch2.pageX;
      var y2 = touch2.pageY;
      if (ty_left + x2 - x1 >= 0) {
        $(this).css("left", 0);
      } else if (ty_left + x2 - x1 <= flb_w - fl_w) {
        $(this).css("left", flb_w - fl_w);
      } else {
        $(this).css("left", ty_left + x2 - x1);
      }
      if (Math.abs(y2 - y1) > 0) {
        e.preventDefault();
      }
    });

    $(function () {

      nav_w = $('.find_nav_cur').width();
      var fn_w = ($(".find_nav").width() - nav_w) / 2;
      var fnl_l;
      var fnl_x = parseInt($('.find_nav_cur').position().left);
      if (fnl_x <= fn_w) {
        fnl_l = 0;
      } else if (fn_w - fnl_x <= flb_w - fl_w) {
        fnl_l = flb_w - fl_w;
      } else {
        fnl_l = fn_w - fnl_x;
      }
      $(".find_nav_list").animate({
        "left": fnl_l
      }, 300);
    })
  </script>
</body>

</html>